﻿#navtop{
   position: relative;
   overflow: hidden;
}
.qr{
   position: absolute;
   width: 92%;
   height: 70px;
   bottom: 5px;
   float: right;
   text-align: right;
   
}
.qrtop{
   background: url(../images2/qrtop.png) no-repeat center right;
   background-size: auto 100%;
}
.qr>img{
   display: block;
   position: absolute;
   /*top:10px;*/
   right:1px;
   height: 58px;
}
.brand_name .brand_r {
   
   margin-bottom: 60px;
   padding-top: 40px;
}
.brand_name .brand_b{
   position: absolute;
   width:100%;
   left:0;
   bottom: 0;
   /*background-color: rgb(21,98,203,.4);*/
   text-align: left;
   height: 40px;
   line-height: 40px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   text-indent: 25px;
   color: #accefe;
}
.brand_name .brand_l{
   padding-top: 30px;
}
.brand_name .brand_r i{
   color: #fff;
}
.brand_name .brand_r i:nth-child(1){
   position: absolute;
   top:0px;
   left:2px;
   /*background-color: #4484db;*/
   border-radius: 50px;
   width: 62%;
   height: 25px;
   line-height: 25px;
   text-align: center;
   color: #f4f5f9;
}

.brand_name .brand_r p{
   margin-top: 20px;
}
.brand_name .brand_r p span{
   font-size: 0.6rem;
   line-height: 1rem;
}

.footer p{
   display: none;
   z-index: 999999999;
}
.main_box .tip i.cricle_orange{
   background: url(../images2/cricle_orangenew.png) no-repeat center center;
   background-size: cover;
}
.main_box .date_list .date_box {
   display: block;
}
.main_box .date_list .date span img {
   transform: rotate(0deg);
}
.main_box .date_list.on .date_box {
   display: none;
}
.main_box .date_list.on .date span img {
   transform: rotate(180deg);
}
.main_box .date_list .date_box .slip .date_info .notes p span em{
   color:#9e9e9e;
}
.tip span{
   color:#252525;
}
.tip span>em{
   color:#e97644;
}
.inner{
   position: relative;
}
.inner>.nr,.inner>.nr1,.inner>.nr2{
   position: absolute;
   top:-70px;
   left: 20vw;      
   z-index: 9999999999999999999999999; 
   width:100px;
   padding:10px;
   color: #a2907b;
   line-height: 1rem;
   font-size: 0.6rem;
   background-color: #fcf9f0;
   border-radius: 10px;
   box-shadow: 0px 0px 8px 0px rgb(224,219,219,.8);
   text-align: justify;
   display: none;
}
.inner>.nr1{
   top:-60px;
   left: -95px; 
}
.inner>.nr2{
   width: 82vw;
   top:90px;
   left:1vw; 
}
.list{
   padding: 0 3vw;
}
.list>ul{
    position: relative;
    min-height: 350px;
    margin: 0 auto;
}
.list>ul>li{
    /*position: absolute;*/
}
.list li{
   width: 25vw;
    /* height: 30vw; */
    margin-left: 3vw;
    margin-right: 3vw;
    margin-bottom: 3vw;
    margin-top: 3vw;
}
 
 .list li .inner{
    margin:0;
 }
 .title1 span{
    position: relative;
    display:inline-block;
    width:16px;
    margin-left: 7px;
 }
 .title1 span>span{
    display: block;
    position: absolute;
    color: #a2907b;
    line-height: 0.8rem;
    font-size: 0.6rem;
    background-color: #fcf9f0;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 0px rgb(224,219,219,.8);
    text-align: justify;
    font-family: 'FangSong,SimSun';
    font-weight: 500;
    z-index: 999999999999999;
    width:100px;
    padding:10px;
    top:0;
    left:20px;
    display: none;
 }
 .title1 span>img{
    width: 100%;
 }
 .title1 span>span::before{
   content: '';
   width: 0;
   height: 0;
   border-right: 10px solid #fcf9f0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;  
   position: absolute;
   left:-10px;
   top:10px;
 }
 .title {
    display: flex;
 }
 .title .tip {
   color: #888;
   text-align: left;
   font-size: .6rem;
   line-height: 1rem;
   /* float: right; */
   letter-spacing: 1px;
   margin-top: .5rem;
}
.title2 {
   margin-top: 1rem;
   padding: 0 .75rem;
}
.title2 label {
   font-size: .95rem;
   font-weight: 550;
   line-height: 2rem;
   display: inline-block;
   letter-spacing: 1px;
   vertical-align: middle;
}
.title2 .error {
   float: right;
   color: #fff;
   background: url(../images2/orange.png) no-repeat center center;
   background-size: cover;
   padding: 0 3px;
   line-height: .8rem;
   border-radius: .5rem;
   font-size: .5rem;
   margin-top: .55rem;
   letter-spacing: 1px;
}
.title2 .error i {
   font-size: .7rem;
   display: inline-block;
   vertical-align: middle;
   margin-top: -1px;
}

.main_box .date_list .date_box .slip .date_info .notes p i{
   width: 0;
}
.main_box .date_list .date_box{
   padding-left: 0;
   padding-right: 0;
   padding-bottom: 0;
}
.main_box .date_list .date_box .slip .date_info .info{
   width: 80%;
   margin: 0 auto;
}
.main_box .date_list .date_box .slip .date_info .notes{
   background-image: repeating-linear-gradient(#fcfcfc, #fbfbfb 20% ,#ffffff);
   padding-bottom: 0.75rem;
}
.main_box .date_list .date_box .slip .date_info .notes p{
   width: 90%;
   margin: 0 auto;
}
.main_box .date_list .date_box .slip .date_info .notes .table{
   width: 85%;
   margin: 0 auto;
}
.title2 .state {
   float: right;
   height: 1rem;
   margin-top: .5rem;
   line-height: 1rem;
}
.title2 .state span {
   margin-left: .5rem;
}
.title2 .state span img {
   width: 1.1rem;
   display: inline-block;
   vertical-align: middle;
   margin-top: -2px;
}
.title2 .state span i {
   display: inline-block;
   vertical-align: middle;
   font-size: .5rem;
   color: #888;
   /* line-height: 1rem; */
   /* height: 1rem; */
}
.addtitle{
   color: #b5b5b5;
   margin: 0.7rem;
   margin-top: 0;
   margin-bottom: 1rem;
}
/***.list>ul>li:nth-child(2), .list>ul>li:nth-child(1){
   right: 33.5%;
}
.list>ul>li:nth-child(5),.list>ul>li:nth-child(3){
    top:14%;
 }
 .list>ul>li:nth-child(3),.list>ul>li:nth-child(6){
     right:0px;
 }
 .list>ul>li:nth-child(1){
    top:34%;
}
.list>ul>li:nth-child(4),.list>ul>li:nth-child(6){
    top:40%;
 }
 .list>ul>li:nth-child(7),.list>ul>li:nth-child(8){
    top:66%;
 }
 .list>ul>li:nth-child(7){
    left:16%;
 }
 .list>ul>li:nth-child(8){
    right:16%;
 }***/

/*箭头向上*/
.nr2::before {
   content: '';
   width: 0;
   height: 0;
   border-bottom: 10px solid #fcf9f0;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   position: absolute;
   left:10vw;
   top:-10px;
}
/*箭头向下*/
.to_bottom {
   width: 0;
   height: 0;
   border-top: 10px solid #ccc;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
}
/*箭头向左*/
.nr::before{
   content: '';
   width: 0;
   height: 0;
   border-right: 10px solid #fcf9f0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;  
   position: absolute;
   left:-10px;
   top:70px;
}
/*箭头向右*/
.nr1::before {
   content: '';
   width: 0;
   height: 0;
   border-left: 10px solid #fcf9f0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   position: absolute;
   left:120px;
   top:70px;
}

.main_box .date_list{
   box-shadow: 0px 0 10px 0px rgba(0,0,0,.1);
   border-radius: 10px;
   overflow: hidden;
}
.main_box .date_list .date {
   background: #fff;
   border-radius:0;
   line-height: 2rem;
   box-shadow: 0px 0 0px 0px rgba(0,0,0,.1);
}
.main_box .date_list .date_box{
   margin-top: 0;
   box-shadow: 0px 0 0px 0px rgba(0,0,0,.1);
   border-radius: 0;
}
.main_box .date_list .date_box .slip .date_info .info p{
   display: block;
}
.main_box .date_list .date_box .slip .date_info .info{
   margin-top: 0;
   border: 0;
}
.main_box .date_list .date_box .slip .date_info .info p {
   width: 100%;
   display: flex;
}
.main_box .date_list .date_box .slip .date_info .info p span{
   text-align: right;
}
.main_box .date_list .date_box .slip .date_info .notes p span{
   margin-right: 0;
}
.title .tip i.cricle_blue{
   background: url();
}
.main_box .tip i.cricle_orange{
   background: url();
}
 .list>ul>li:nth-child(2), .list>ul>li:nth-child(1){
   right: 33vw;
}
.list>ul>li:nth-child(5),.list>ul>li:nth-child(3){
    top:17.5%;
 }
 .list>ul>li:nth-child(3),.list>ul>li:nth-child(6){
     right:0px;
 }
 .list>ul>li:nth-child(1){
    top:37%;
}
.list>ul>li:nth-child(4),.list>ul>li:nth-child(6){
    top:46%;
 }
 .list>ul>li:nth-child(7),.list>ul>li:nth-child(8){
    top:74%;
 }
 .list>ul>li:nth-child(7){
    left:16%;
 }
 .list>ul>li:nth-child(8){
    right:16%;
 }



